<template>
  <div class="components-container">
    

    <div class='component-item'>
      <el-button v-waves type="primary">水波纹效果</el-button>
      <code class='code-part'>水波纹 v-directive</code>
    </div>

  </div>
</template>
<script>
    

    export default {
      components: {},
      data() {
        return {
          
        }
      }
    };
</script>

<style scoped>
.component-item{
  margin-top: 100px;
}
.code-part{
  margin-top: 20px;
}
</style>
